import React, { Component, ReactNode } from 'react';
import { Form, Select, DatePicker, Input, Button, Table, Tabs } from 'antd';

import MemberBalance from './memberBalance';
import MemberData from './memberData';
import FinanceInfo from './financeInfo';
import WithdrawInfo from './withdrawInfo';

import { StateType } from '../utils';

class MemberInfo extends Component<StateType> {
  public state = {};

  render(): ReactNode {
    const { data, onTabChange } = this.props;

    return (
      <div>
        <MemberBalance<> id={data.id} />
        <MemberData<> id={data.id} />
        <FinanceInfo<> id={data.id} />
        <WithdrawInfo<> id={data.id} onTabChange={onTabChange} />
      </div>
    );
  }
}

export default MemberInfo;
